Levoric Learn LOGO

Levoric Learn




HTML Tutorial

Introduction <header> tag


The <header> part of HTML shows starting information, usually a bunch of tools for introducing or moving around. It might have some headings but also a logo, a search box, an author's name and other parts.
The header part is the same as a banner on the whole website, unless it's inside section of content. Then, the <header> element is not special.
The <header> part can make a header for the whole website. It is called a banner in how it's seen by those with access needs to help them use websites better. It often has a symbol, company name and maybe the worldwide navigation or catchphrase. They also typically put in a way to search for things. It's usually at the top of a page.
For other cases, it becomes part of the accessibility tree and often has the main section's headline (like an <h1> to <h6>). However, having a subheading isn't always needed.


HTML Example

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset ="UTF-8">
<!--This is our webpage it's our very first webpage-->
<title>Levoric | HTML Fundamentle Tutorial</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!--Write your content here levoriclearn top degree online and program-->
<header>
<h1>Welcome To My Levoric Learn</h1>
<nav>
<ul>
<li><a href="related-article-1.html" >Related Article 1</a></li>
<li><a href="related-article-2.html" >Related Article 2</a></li>
<li><a href="related-article-3.html" >Related Article 3</a></li>
</ul>
</nav>
</header>
<!--Write your content here levoriclearn top degree online and program-->
</body>
</html>


output


Example-image-levoriclearn-logo-btag-a





Support Browser
Element LevoricLearn-education-top-university-degree LevoricLearn-education-top-university-degree LevoricLearn-education-top-university-degree LevoricLearn-education-top-university-degree
<header> Yes Yes Yes Yes Yes